<template>
<div>
  <el-tag
  v-for="tag in tags"
  :value="tag.name"
  :key="tag.name"
  closable
  :type="tag.type">
  <!-- {{tag.name}} -->
</el-tag>
</div>


</template>

<script>
  export default {
    data() {
      return {
        tags: [
          { name: '标签一', type: '' },
          { name: '标签二', type: 'success' },
          { name: '标签三', type: 'info' },
          { name: '标签四', type: 'warning' },
          { name: '标签五', type: 'danger' }
        ]
      };
    }
  }
</script>
  export default {
    data() {
      return {
        editableTabsValue: '1',
        editableTabs: [{
          title: 'Tab 1',
          name: '1',
          content: 'Tab 1 content'
        }, {
          title: 'Tab 2',
          name: '2',
          content: 'Tab 2 content'
        }],
        tabIndex: 2
      }
    },
    methods: {
      handleChange(value) {
        console.log(value);
      }
    }
  }
</script>


